/* You can add global styles to this file, and also import other style files */
// @import "~@angular/material/prebuilt-themes/indigo-pink.css";
// @import '~@angular/material/prebuilt-themes/deeppurple-amber.css';
@import './theme';

html,body, mat-sidenav-container, mat-sidenav-content, .site {
  height: 100%;
  margin: 0;
}

.site {
  display: flex;
  flex-direction: column;
}

main {
  display: flex;
  flex: 1 0 auto;
}

.fill-remaining-space {
  flex: 1 1  auto;
}

.field-full-width {
  width: 100%;
}